<template>
 <div>
  <ChildSlot>
    <template #header>
      <div>
        头部的具名插槽header
      </div>
    </template>
    <template #main>
      <div>
        main的具名插槽main
      </div>
    </template>
    <!-- <div>默认插槽div</div> -->
    <template #footer>
      <div>
        底部的具名插槽footer
      </div>
    </template>
    <template #params="scope">
        <div>{{scope.user}}</div>
    </template>
  </ChildSlot>
  </div>
</template>

<script>
import ChildSlot from './component/ChildSlot.vue'
export default {
  name: 'Slot',
  components: { ChildSlot }

}
</script>

<style>

</style>
